*{box-sizing: border-box;padding: 0;margin: 0;font-family: Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size: 14px;}
li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
.dib{display: inline-block;}
.tra{position: absolute;width: 0;height: 0;border-style: solid;}
.none{display: none;}
:-moz-placeholder {color: #bbb;}
::-moz-placeholder {color: #bbb;}
input:-ms-input-placeholder{color: #bbb;}
input::-webkit-input-placeholder{color: #bbb;}
.ease3{-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;}
.ease5{-webkit-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;}
.nobr{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nodata{line-height: 50px;text-align: center;color: #999;}
input:focus{
	border: 1px solid #5ab5f7;
    box-shadow: 0 0 0 2px rgba(3, 169, 244, 0.15);
    color: #333;
}
.theme-light{background: #f3f3f3;}
.theme-dark{}

nav{
	height: 50px;
    line-height: 50px;
    padding: 5px 0;
    background: #20232a;
    box-sizing: content-box;
}
.header{
	width: 90%;
	margin:0 auto;
}
.logo{
	margin:10px 0;
}
nav h2{
	font-size: 20px;
    font-weight: 700;
    color: #61dafb;
    margin-left: 10px;
}
nav .version{
	font-size: 13px;
    margin-left: 8px;
    color: #61dafb;
    background: transparent;
    border: 1px solid #545b5d;
    border-radius: 4px;
    margin-top: 16px;
    padding-left: 2px;
    font-weight: 100;
}
.nav li {
    display: inline-block;
    cursor: pointer;	
    padding: 0 18px;			
}

.nav li,.nav li a{
    display: inline-block;
    height: 50px;
    border-bottom: 2px solid transparent;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
	text-decoration: none;
}

.nav li a,.nav li a:hover,.nav li {
    -webkit-transition: all .9s;
    transition: all .9s;
}

.nav li a:hover,.nav li:hover {
    color: #61dafb
}

.nav .current {
    border-bottom: 2px solid #61dafb;
    
    text-decoration: none;
    -webkit-transition: all .9s;
    transition: all .9s
}
.nav .current,.nav .current a{
	color: #61dafb;
}
.nav .iconfont{margin-right: 3px;}
@media (max-width: 800px) {
    .nav {
        padding:10px;
        line-height: 36px
    }

    .nav .header-inner {
        height: 36px;
        width: 100%
    }

    .nav h2 {
        line-height: 36px;
        font-size: 14px;
        padding-left: 40px
    }

    .nav h2,.nav li {
        height: 36px
    }

    .nav li a {
        height: 36px;
        line-height: 36px;
        font-size: 20px
    }

    .nav li a span {
        display: none
    }
}
.layout {
    background: #fff;
    width: 90%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
hr{
    border: none;
    height: 1px;
    background: #e4e3e3;
}
#doc {
    color: rgba(0,0,0,.65);
    font-size: 14px;
    line-height: 1.8;
}
.ant-row {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    zoom: 1;
    display: block;
}
.ant-row:after, .ant-row:before {
    content: " ";
    display: table;
}
.ant-row:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0;
}
#doc p {
    margin: 1em 0;
}
#doc h1 {
    font-size: 28px;
    color: rgba(0,0,0,.85);
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 24px;
    margin-top: 8px;
    font-family: Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
}
#doc h2, #doc h3, #doc h4, #doc h5, #doc h6 {
    color: rgba(0,0,0,.85);
    font-family: Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin: 1.6em 0 .6em;
    font-weight: 500;
    clear: both;
}
#doc h2 {
    font-size: 22px;
}
#doc img{
    max-width: 100%;
}
#aside {
    float: left;
    width: 16.66666667%;
    padding-top: 20px;
    padding-bottom: 30px;
    -webkit-transition: width .5s;
    transition: width .5s;
    border-right:1px solid #e9e9e9;
}
#article {
    float: left;
    width: 83.33333333%;
    margin-left: -1px;
    margin-top: 15px;
    padding: 5px 15px 30px;
    min-height: 500px;
}
#aside ul{
	padding-left: 24px;
}
#aside a,#aside li {
    font-size: 14px;
    display: block;
    color: rgba(0,0,0,.65);
    text-decoration: none;
}
#aside li{
	line-height: 42px;
    position: relative;
}
#article a {
    color: #108ee9;
    background: transparent;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}
.noslide #aside{
    display: none;
}
.noslide #article{
    width:100%;
}
.currentSlide{
    position: absolute;
    top:0;
    right:0;
    background: rgba(72, 185, 159, 0.12);
    border-right: 3px solid #108ee9;
    cursor: text;
    height: 42px;
}
.currentSlide+a{
    color: #108ee9!important;
}